.ui-li-right{float: right; width: 50%; text-align: right;}

.d3-color-blue{
    color: #7979D4!important;
    white-space:normal;
}

.panel{
    display:none;
}

@media all and (min-width: 500px){
    body{
        border: 1px solid #AAA /*{c-body-border}*/;
        color: #333 /*{c-body-color}*/;
        text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ white /*{c-body-shadow-color}*/;
        background: #F9F9F9 /*{c-body-background-color}*/;
        background-image: -webkit-gradient(linear, left top, left bottom, from( #F9F9F9 /*{c-body-background-start}*/), to( #EEE /*{c-body-background-end}*/));
        background-image: -webkit-linear-gradient( #F9F9F9 /*{c-body-background-start}*/, #EEE /*{c-body-background-end}*/);
        background-image: -moz-linear-gradient( #F9F9F9 /*{c-body-background-start}*/, #EEE /*{c-body-background-end}*/);
        background-image: -ms-linear-gradient( #F9F9F9 /*{c-body-background-start}*/, #EEE /*{c-body-background-end}*/);
        background-image: -o-linear-gradient( #F9F9F9 /*{c-body-background-start}*/, #EEE /*{c-body-background-end}*/);
        background-image: linear-gradient( #F9F9F9 /*{c-body-background-start}*/, #EEE /*{c-body-background-end}*/);
        min-height: 100%;
    }
    .ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page {
        top: 0;
        left: 0;
        width: 500px;
        min-height: 100%;
        position: absolute;
        border: 1px solid #AAA /*{c-body-border}*/;
    }
    .ui-header-fixed,
    .ui-footer-fixed {
        left: 0;
        right: 0;
        width: 501px;
        position: fixed;
        z-index: 1000;
    }
}
